<template>
  <div class="box_wrap" :style="styleObject">
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: '',
  components: {},
  props: {
    config: {
      type: Object,
      default: {}
    }
  },
  data() {
    return {

    }
  },
  computed: {
    styleObject() {
      return {
        position: `absolute`,
        width: `${this.config.width}px`,
        height: `${this.config.height}px`,
        top: `${this.config.y}px`,
        left: `${this.config.x}px`,
        
      };
    }
  },
  watch: {
    config: {
      handler(val) {
        console.log('val===', val)
      },
      deep: true, 
      immediate: true,
    }
  },
  created() { },
  mounted() { },
  methods: {}
}
</script>

<style scoped lang="scss"></style>
